
<div class="fluent-pull-container" blazor:ontouchstart="1" blazor:ontouchmove="2" blazor:ontouchend="3" b-rq0hhda1ik="">
  <div style="position: relative; user-select: none; height: 100%; transform: translate3d(0, 32px, 0);" b-rq0hhda1ik="">
    <div part="tip" direction="down" style="--fluent-pull-refresh-head-height: 32px;" b-rq0hhda1ik="">
      <svg style="width: 24px; fill: var(--accent-fill-rest);" focusable="false" viewBox="0 0 24 24" aria-hidden="true" blazor:onclick="4">
        <path d="M16 8.25a.75.75 0 0 1 1.5 0v3.25c0 .41-.34.75-.75.75H14a.75.75 0 0 1 0-1.5h1.27a3.5 3.5 0 0 0-5.94-1.02.75.75 0 1 1-1.16-.96A5 5 0 0 1 16 9v-.75ZM8 15v.75a.75.75 0 0 1-1.5 0v-3c0-.41.34-.75.75-.75H10a.75.75 0 0 1 0 1.5H8.84a3.5 3.5 0 0 0 5.84.77.75.75 0 1 1 1.14.97A5.01 5.01 0 0 1 8 15Zm4-13a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm8.5 10a8.5 8.5 0 1 1-17 0 8.5 8.5 0 0 1 17 0Z"></path>
      </svg>
    </div>Content that can be refreshed</div>
</div>